<!-- Created by henian.xu on 2018/8/26. -->

<template>
    <div
        class="cell-group"
        :class="classes">
        <slot/>
    </div>
</template>

<script>
export default {
    name: 'CellGroup',
    props: {
        border: {
            type: Boolean,
            default: false,
        },
    },
    computed: {
        classes() {
            const { border } = this;
            return [{ border }];
        },
    },
};
</script>

<style lang="scss">
.cell-group {
    &.border {
        border: solid $color-border;
        border-width: 1px 0;
    }
}
</style>
